/*
	Clew Box Style for Raysn Web
*/

body {font: 14px Arial,sans-serif;overflow: auto;}
a {color: black;text-decoration: none;}
a:hover {color: red;text-decoration: none;}
.box-bd em{color:#FF6600;}
.box-bd h5{color:gray;margin:10px 0;}

.box-container{
	position: absolute; width: 460px; height: 160px; left: 400px; top: 264px; display: block; z-index: 1005; opacity: 1;
}
.box-content{
	position: absolute; width: 380px; height: 100px; top: 20px; left: 20px; text-align: left; padding: 10px 20px;; background: #F6F8FF none repeat scroll 0% 0%; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial;
}

.ft,.fb{
	overflow: hidden; width: 420px; height: 20px; position: absolute; left: 20px; -moz-user-select: none; cursor: move; background: transparent url(images/clewbox.png) repeat-y scroll;
}
.fl,.fr{
	overflow: hidden; width: 20px; height: 120px; position: absolute; top: 20px; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial; -moz-user-select: none; cursor: move;background: transparent url(images/clewbox.png) repeat-y scroll;
}
.ft{ top: 0px; background-position: -20px 0px; }
.fb{ bottom: 0px; background-position: -20px -20px; }
.fl{ left: 0px; background-position: -1220px 0px; }
.fr{ right: 0px; background-position: -1260px 0px; }

.tl,.tr,.bl,.br{
	overflow: hidden; width: 20px; height: 20px; position: absolute; -moz-user-select: none; cursor: move; background:url(images/clewbox.png);
}
.tl{ top: 0pt; left: 0pt; background-position: 0px 0px; }
.tr{ top: 0pt; right: 0px; background-position: -1184px 0px; }
.bl{ bottom: 0pt; left: 0pt; background-position: 0px -20px; }
.br{ bottom: 0pt; right: 0px; background-position: -1184px -20px; }

.box-close{ background:transparent url(images/clewbox.png) no-repeat scroll 0 -50px; }
a.box-close:hover{ background-position: -40px -50px; }
